<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="pg" uri="http://jsptags.com/tags/navigation/pager" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	session.setAttribute("basePath", basePath);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>后厨推送菜品消息</title>
<script type="text/javascript" src="${basePath }js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="${basePath }js/bootstrap.min.js"></script>
<link rel="stylesheet" href="${basePath }css/bootstrap.min.css">
<style>
.divcss5{ 
	border-left:1px solid #00F
	} 
</style>
	<script type="text/javascript">
		var times = 0;
		function change(btn) {
			btn.style.background = times % 2 == 0 ? '#F73809' : '#5DE6AF';
			times++;
		}
	</script>
</head>
<body>
<!-- 上部 -->
<div class="row">
	<div style="float:left;height:60px;background-color: black" class="col-md-4">
		<p style="margin-left: 30px;margin-top: 13px;color: white;font-size: large">
			<img src="${basePath}img/icon.png">
			原地起飞 - 餐厅到店点餐系统</p>
	</div>
	<div style="float:left;background-color:black;height:60px;padding:13px;" class="col-md-4">
		<p style="margin-left: 30px;margin-top: 5px;color: white;font-size: large">
			餐厅管理界面</p>

	</div>
	<div style="float:left;background-color:black;height:60px;padding:5px;" class="col-md-4" >
		<p style="color:white;margin:10px">
			<img class="img-circle" src="${basePath}img/h1.png" style="width:30px;height:30px;object-fit:contain;">
			当前用户：【<a title="点击我即可修改信息" style="color:red;" href="${basePath }user/update.do?userId=${usermessage.userId}">
			${usermessage.userName }</a>】，身份为：${usermessage.roleDO.roleName}
			<a style="float: right;margin-right:5px;color: white" href="${basePath }OrderSys/pages/login.jsp">退出登录</a>
			<a style="float:right;margin-right:10px;color: white" href="${basePath }/OrderSys/pages/CookIndex.jsp">回到后厨界面</a>
		</p>
	</div>
</div>
<!-- 下部 -->
<div>
<!-- 	左边 -->
	<div style="float:left;background-color:#F2F2F2;width:15%;height:600px;">
		<img class="img-circle" src="${basePath }img/houchu.PNG" src="${basePath }img/Button-Refresh.png" style="width:30px;height:30px;margin:5px;object-fit:contain;">
  			<strong>后厨</strong>
  			<br>
  		<img class="img-circle" src="${basePath }img/beicai.PNG" src="${basePath }img/Button-Refresh.png" style="width:30px;height:30px;margin:10px;object-fit:contain;">
  			<a href="#" style="color:#6F6F6F;margin:10px">备菜界面</a>
	</div>
<!-- 	中间 -->
	<div style="float:left;background-color:white;width:3%;height:600px;margin:0px"></div>
<!-- 	右边 -->
	<div style="float:left;background-color:white;width:82%;height:600px;margin:0px">
		<div style="float:left;background-color:#F2F2F2;width:99%;height:35px;padding:10px;border-radius:15px;
			margin-top:15px;">
			<a>首页</a>/
			<a style="color: black">厨房</a>/
			<a style="color:#6F6F6F">接受点餐信息界面</a>
		</div>
		<div style="float:left;background-color:white;width:99%;height:15px;padding:10px;"></div>
		<div style="float:left;background-color:#FFCCCC;width:99%;height:35px;padding:10px;border-radius:15px">
			<span style="color:red;">最新公告信息</span>
		</div>
		<div style="float:left;background-color:white;width:99%;height:70px;padding:10px;">
			<table border="1" color="red">
			<tr>
				<img class="img-circle" src="${basePath }img/email.PNG" style="width:30px;height:30px;object-fit:contain">
			</tr>
			</table>
		</div>
		<div style="float:left;background-color:#FFCCCC;width:99%;height:35px;padding:10px;border-radius:15px">
			<span style="color:red;">顾客点餐列表</span>
		</div>


		<div style="float:left;background-color:white;width:99%;height:auto;padding:10px">
			<table class="table table-striped table-hover">
					<tr>
						<th>桌号</th>
						<th>菜品</th>
						<th>数量</th>
						<th>操作</th>
					</tr>
					<c:forEach items="${tlist}" var="t">
						<tr>
							<td>${t.orderTableNumber}</td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>
							<td>
								<input style="height: 35px;width: 100px;background-color: #5DE6AF;border-radius: 5px;border: 0px"
								   name="button1" class="button1" type="button" value="开始烹制" onclick="change(this)" />
								<input style="height: 35px;width: 100px;background-color: #5DE6AF;border-radius: 5px;border: 0px"
								   name="button2" type="button" value="结束烹制" onclick="change(this)" />
							</td>
							<c:forEach items="${t.foodTypeListDO}" var="flist">
								<tr>
									<td>&nbsp;</td>
										<td>${flist.foodtypelistFoodTypeName}</td>
										<td>${flist.foodtypelistFoodTypeNumber}</td>
								</tr>
							</c:forEach>
						</tr>
					</c:forEach>
				</table>
				<hr>
				<div style="float:left;background-color:white;width:99%;height:25px;padding:5px;">
						<small><p>©重庆交通大学-2017-实训-ydqf-liang</p></small>
				</div>
		</div>
		
	</div>
</div>
<script>
	$('.button1').click(function () {
		$(this).val("正在烹制");
	})
</script>
</body>

</html>